// 路由过渡
.router-enter-active,
.router-leave-active {
  transition: all .25s linear;
}
.router-enter-from {
  opacity: 0;
  transform: translateY(30px);
}
.router-leave-to {
  opacity: 0;
  transform: translateY(-30px);
}

// 弹框过渡
.dialoger-enter-active,
.dialoger-leave-active {
  transition: all .5s linear;
}
.dialoger-enter-active .dialog-container,
.dialoger-leave-active .dialog-container {
  transition: all .25s linear;
}
.dialoger-enter-from {
  opacity: 0;
}
.dialoger-enter-from .dialog-container {
  opacity: 0;
  transform: translateY(30px);
}
.dialoger-leave-to {
  opacity: 0;
}
.dialoger-leave-to .dialog-container {
  opacity: 0;
  transform: translateY(30px);
}

// 上传组件中间变化过渡
.upload-enter-active,
.upload-leave-active {
  transition: opacity .25s linear;
}
.upload-enter-from {
  opacity: 0;
}
.upload-leave-to {
  opacity: 0;
}
// 加载动画出现过渡
.loading-enter-active,
.loading-leave-active {
  transition: opacity .25s linear;
}
.loading-enter-from {
  opacity: 0;
}
.loading-leave-to {
  opacity: 0;
}